header {
    background: linear-gradient(135deg, rgba(134, 240, 157, 0.8), rgba(78, 214, 236, 0.8)); /* 渐变背景 */
    color: white; /* 文字颜色为白色 */
    padding: 60px; /* 内边距 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 阴影效果 */
    text-align: center; /* 中心对齐 */
}

.maintitle h1 {
    font-size: 2.5em; /* 适当增大字体 */
    margin: 0; /* 去掉默认外边距 */
    font-weight: bold; /* 加粗 */
    letter-spacing: 2px; /* 字间距 */
    transition: transform 0.3s ease; /* 添加过渡效果 */
}

.maintitle h1:hover {
    transform: scale(1.05); /* 鼠标悬停时放大 */
}

@media (max-width: 600px) {
    .maintitle h1 {
        font-size: 1.8em; /* 小屏幕上减小字体大小 */
    }
}
body{
    background-image:
        linear-gradient(rgba(188, 216, 183, 0.1), 
        rgba(188, 216, 183, 0.2)),
        url("../img/p1.png"); 
        background-size:cover,cover;
    text-align: center;
    color:rgba(15, 83, 4, 1); 

}

.up_form{

    background:rgba(255,255,255,0.25);
    padding-top:20px;
    margin: 50px auto;
    backdrop-filter:blur(50px); /*模糊效果*/
    box-sizing:border-box;
    width: 50%;
    border-radius: 30px; 
    
}



input {
    font-family: 'SimHei', 'Arial Black', sans-serif; /* 设置为黑体 */
    margin: 10px;
    padding: 15px 20px; /* 使用较小的内边距以保持一致 */
    width: 40%; /* 宽度一致 */
    font-size: medium; /* 字体大小 */
    border: 1px solid rgba(0, 0, 0, 0.2); /* 添加边框，使输入框更现代 */
    border-radius: 5px; /* 较小的圆角 */
    box-sizing: border-box; /* 包括内边距和边框在内的宽度计算 */
    transition: border-color 0.3s ease; /* 边框颜色过渡效果 */
}

/* 输入框的聚焦效果 */
input:focus {
    outline: none; /* 去掉默认的聚焦轮廓 */
    border-color: rgb(149, 218, 211); /* 聚焦时边框颜色变化 */
}

.button_for_act {
    font-family: 'SimHei', 'Arial Black', sans-serif; /* 设置为黑体 */
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 20px; /* 保持与输入框的内边距一致 */
    color: #fff; /* 文本颜色 */
    background: rgb(149, 218, 211); /* 选择干净的背景色 */
    font-size: medium; /* 字体大小一致 */
    border: none; /* 去掉边框 */
    border-radius: 5px; /* 较小的圆角 */
    transition: background 0.3s ease; /* 添加背景过渡效果 */
    width: 40%; /* 设置与输入框一致的宽度 */
}

/* 添加悬停效果 */
.button_for_act:hover {
    background: rgb(129, 198, 191); /* 悬停时改变背景色 */
    cursor: pointer; /* 鼠标悬停时显示为手指 */
}

/* .change_button{
    margin-top: 20px;
} */


.change_button {
    margin-top: 40px; /* 增加与前面 header 的距离 */
    color: #fff;
}

.change_button button {
    background: transparent; /* 设置背景为透明 */
    color: #fff; /* 设置文本颜色为白色，确保可见 */
    border: none; /* 去掉边框 */
    cursor: pointer; /* 鼠标悬停时显示为手指 */
    font-family: 'SimHei', 'Arial Black', sans-serif; /* 设置为黑体 */
    font-size: larger; /* 增大字体 */
    padding: 15px 30px; /* 增加按钮内边距以使按钮更大 */
    transition: color 0.3s ease; /* 添加颜色过渡效果 */
    font-size: larger;
}

/* 添加悬停效果 */
.change_button button:hover {
    color: rgba(255, 255, 255, 0.7); /* 悬停时稍微改变颜色以提高可见性 */
}


.footer {
    margin-top: auto; /* 将footer推到页面底部 */
    text-align: center; /* 中心对齐 */
    padding: 20px; /* 内边距 */
    font-size: 1.2em; /* 字体大小 */
    color: rgba(0, 0, 0, 0.7); /* 字体颜色 */
}

.footer span {
    font-weight: bold; /* 加粗 */
}
